<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>Title</title>
</head>
<body>
<!--    <div style="text-align: center;margin-top: 50px;margin-right: 50px;">-->
<!--        <label>请输入：</label>-->
<!--        <input type="text"  id="lh8" placeholder="YF8代的笼号" />-->
<!--        <button class="btn btn-danger" th:onclick="get7()">上查8代</button>-->
<!--    </div>-->
<!--    <br>-->

<div style="text-align: center;margin-left: 250px;">
    <br>
    <a href="/">返回重新查询！</a>
    <br>
    <br>
    <table border="1">
        <tr>
            <th>编号9</th>
            <th>编号8f</th>
            <th>编号8m</th>
            <th>笼号</th>
            <th>翅号母</th>
            <th>翅号公</th>
            <th>笼号母</th>
            <th>笼号公</th>
            <th>代数</th>
            <th>操作</th>
        </tr>

        <!--    8代数据-->
        <tr th:each=" yf : ${ jx8 } ">
            <td th:text="${yf.bh9}"></td>
            <td th:text="${yf.bh8f}"></td>
            <td th:text="${yf.bh8m}"></td>
            <td th:text="${yf.lh8}">

            </td>
            <td th:text="${yf.ch8f}"></td>
            <td th:text="${yf.ch8m}"></td>
            <td th:text="${yf.lh7f}"></td>
            <td th:text="${yf.lh7m}"></td>
            <td th:text="${yf.level}"></td>
            <td>
                <button class="btn btn-danger" id="recheck" th:onclick="get7([[${yf.lh8}]])">查询祖代</button>
            </td>
            <!--                <td> <input type="text" id="lh8" th:value="${yf.lh8}"></td>-->

        </tr>
    </table>
    <div style="display: none">


        <table>
            <tr style="background-color: rgba(28,186,186,0.42)">
                <td>---------------</td>
                <td>---------------</td>
                <td>---------------</td>
                <td>分割线</td>
                <td>---------------</td>
                <td>---------------</td>
                <td>---------------</td>
            </tr>
            <tr>
                <th>备注</th>
                <th>笼号</th>
                <th>翅号母</th>
                <th>翅号公</th>
                <th>笼号母</th>
                <th>笼号公</th>
                <th>代数</th>
                <th>操作</th>
            </tr>
            <!--    8代数据-->
            <tr>
                <td><span id="beizhu7"></span></td>
                <td><span type="text" id="lh77"></span></td>
                <td><span type="text" id="ch7f"></span></td>
                <td><span type="text" id="ch7m"></span></td>
                <td><span type="text" id="lh6f"></span>
                    <input type="hidden" class="lh6f">
                    <input type="hidden" class="lh6m">
                </td>
                <td><span type="text" id="lh6m"></span></td>
                <td><span type="text" id="level7"></span></td>
                <td>
                    <button class="btn btn-danger" id="get6f" th:onclick="get6f()"></button>
                    <button class="btn btn-danger" id="get6m" th:onclick="get6m()"></button>
                </td>
            </tr>
            <!--6代m数据-->
            <tr>
                <td><span id="beizhu6f"></span></td>
                <td><span type="text" id="lh6"></span></td>
                <td><span type="text" id="ch6f"></span></td>
                <td>
                    <span type="text" id="ch6m"></span>
                    <input type="hidden" class="lh5ff" id="lh5ff"/>
                    <input type="hidden" class="lh5fm" id="lh5fm"/>
                    <input type="hidden" class="lh5mf" id="lh5mf"/>
                    <input type="hidden" class="lh5mm" id="lh5mm"/>
                </td>
                <td><span type="text" id="lh5f"></span></td>
                <td><span type="text" id="lh5m"></span></td>
                <td><span type="text" id="level6"></span></td>
                <td>
                    <!--                    <button class="btn btn-danger" id="get5ff" th:onclick="get5ff()">上查6代公-公</button>-->
                    <!--                    <button class="btn btn-danger" id="get5fm" th:onclick="get5fm()">上查6代公-母</button>-->
                    <button class="btn btn-danger" id="get5ff" th:onclick="get5ff()"></button>
                    <button class="btn btn-danger" id="get5fm" th:onclick="get5fm()"></button>
                </td>
            </tr>
            <!--    6代mu数据-->
            <tr>
                <td><span id="beizhu6m"></span></td>
                <td><span type="text" id="lh6-m"></span></td>
                <td><span type="text" id="ch6f-m"></span></td>
                <td><span type="text" id="ch6m-m"></span></td>
                <td><span type="text" id="lh5f-m"></span></td>
                <td><span type="text" id="lh5m-m"></span></td>
                <td><span type="text" id="level6-m"></span></td>
                <td>

                    <!--                    <button class="btn btn-danger" id="get5mf" th:onclick="get5mf()">上查6代母-公</button>-->
                    <!--                    <button class="btn btn-danger" id="get5mm" th:onclick="get5mm()">上查6代母-母</button>-->
                    <button class="btn btn-danger" id="get5mf" th:onclick="get5mf()"></button>
                    <button class="btn btn-danger" id="get5mm" th:onclick="get5mm()"></button>
                </td>
            </tr>
            <!--    5代数据-5代公-公-->
            <tr>
                <input type="hidden" class="lh4fff" id="lh4fff"/>
                <input type="hidden" class="lh4ffm" id="lh4ffm"/>
                <input type="hidden" class="lh4fmf" id="lh4fmf"/>
                <input type="hidden" class="lh4fmm" id="lh4fmm"/>
                <input type="hidden" class="lh4mmf" id="lh4mmf"/>
                <input type="hidden" class="lh4mmm" id="lh4mmm"/>
                <input type="hidden" class="lh4mff" id="lh4mff"/>
                <input type="hidden" class="lh4mfm" id="lh4mfm"/>
                <td><span id="beizhu5ff"></span></td>
                <td><span type="text" id="longhao5ff"></span></td>
                <td><span type="text" id="ch5ff-f"></span></td>
                <td><span type="text" id="ch5ff-m"></span></td>
                <td><span type="text" id="lh4ff-f"></span></td>
                <td><span type="text" id="lh4ff-m"></span></td>
                <td><span type="text" id="level5-ff"></span></td>
                <td>
                    <button class="btn btn-danger" id="get4fff" th:onclick="get4fff()"></button>
                    <button class="btn btn-danger" id="get4ffm" th:onclick="get4ffm()"></button>
                </td>
            </tr>
            <!--    5代数据-5代公-母-->
            <tr>
                <td><span id="beizhu5fm"></span></td>
                <td><span type="text" id="longhao5fm"></span></td>
                <td><span type="text" id="ch5fm-f"></span></td>
                <td><span type="text" id="ch5fm-m"></span></td>
                <td><span type="text" id="lh4fm-f"></span></td>
                <td><span type="text" id="lh4fm-m"></span></td>
                <td><span type="text" id="level5-fm"></span></td>
                <td style="background-color: rgba(255,255,255,0.02)">
                    <button class="btn btn-danger" id="get4fmf" th:onclick="get4fmf()"
                            style="background-color: rgba(255,255,255,0.06)"></button>
                    <button class="btn btn-danger" id="get4fmm" th:onclick="get4fmm()"></button>
                </td>
            </tr>

            <!--    5代数据-5代-母-公-->
            <tr>
                <td><span id="beizhu5mf"></span></td>
                <td><span type="text" id="longhao5mf"></span></td>
                <td><span type="text" id="ch5mf-f"></span></td>
                <td><span type="text" id="ch5mf-m"></span></td>
                <td><span type="text" id="lh4mf-f"></span></td>
                <td><span type="text" id="lh4mf-m"></span></td>
                <td><span type="text" id="level5-mf"></span></td>
                <td>
                    <button class="btn btn-danger" id="get4mmf" th:onclick="get4mmf()"></button>
                    <button class="btn btn-danger" id="get4mmm" th:onclick="get4mmm()"></button>
                </td>
            </tr>
            <!--    5代数据-5代-母-母-->
            <tr>
                <td><span id="beizhu5mm"></span></td>
                <td><span type="text" id="longhao5mm"></span></td>
                <td><span type="text" id="ch5mm-f"></span></td>
                <td><span type="text" id="ch5mm-m"></span></td>
                <td><span type="text" id="lh4mm-f"></span></td>
                <td><span type="text" id="lh4mm-m"></span></td>
                <td><span type="text" id="level5-mm"></span></td>
                <td>
                    <button class="btn btn-danger" id="get4mff" th:onclick="get4mff()"></button>
                    <button class="btn btn-danger" id="get4mfm" th:onclick="get4mfm()"></button>
                </td>
            </tr>
            <!--4代fff-->
            <tr>
                <td><span id="beizhu4fff"></span></td>
                <td><span type="text" id="longhao4fff"></span></td>
                <td><span type="text" id="ch4fff-f"></span></td>
                <td><span type="text" id="ch4fff-m"></span></td>
                <td><span type="text" id="lh3fff-f"></span></td>
                <td><span type="text" id="lh3fff-m"></span></td>
                <td><span type="text" id="level4fff"></span></td>
                <td>


                </td>
            </tr>
            <!--4代ffm-->
            <tr>
                <td><span id="beizhu4ffm"></span></td>
                <td><span type="text" id="longhao4ffm"></span></td>
                <td><span type="text" id="ch4ffm-f"></span></td>
                <td><span type="text" id="ch4ffm-m"></span></td>
                <td><span type="text" id="lh3ffm-f"></span></td>
                <td><span type="text" id="lh3ffm-m"></span></td>
                <td><span type="text" id="level4ffm"></span></td>
                <td>
                </td>
            </tr>
            <!--4代ffm-->
            <tr>
                <td><span id="beizhu4fmf"></span></td>
                <td><span type="text" id="longhao4fmf"></span></td>
                <td><span type="text" id="ch4fmf-f"></span></td>
                <td><span type="text" id="ch4fmf-m"></span></td>
                <td><span type="text" id="lh3fmf-f"></span></td>
                <td><span type="text" id="lh3fmf-m"></span></td>
                <td><span type="text" id="level4fmf"></span></td>
                <td>
                </td>
            </tr>
            <!--4代ffm-->
            <tr>
                <td><span id="beizhu4fmm"></span></td>
                <td><span type="text" id="longhao4fmm"></span></td>
                <td><span type="text" id="ch4fmm-f"></span></td>
                <td><span type="text" id="ch4fmm-m"></span></td>
                <td><span type="text" id="lh3fmm-f"></span></td>
                <td><span type="text" id="lh3fmm-m"></span></td>
                <td><span type="text" id="level4fmm"></span></td>
                <td>
                </td>
            </tr>
            <!--4代mmf-->
            <tr>
                <td><span id="beizhu4mmf"></span></td>
                <td><span type="text" id="longhao4mmf"></span></td>
                <td><span type="text" id="ch4mmf-f"></span></td>
                <td><span type="text" id="ch4mmf-m"></span></td>
                <td><span type="text" id="lh3mmf-f"></span></td>
                <td><span type="text" id="lh3mmf-m"></span></td>
                <td><span type="text" id="level4mmf"></span></td>
                <td>
                </td>
            </tr>
            <!--4代mmm-->
            <tr>
                <td><span id="beizhu4mmm"></span></td>
                <td><span type="text" id="longhao4mmm"></span></td>
                <td><span type="text" id="ch4mmm-f"></span></td>
                <td><span type="text" id="ch4mmm-m"></span></td>
                <td><span type="text" id="lh3mmm-f"></span></td>
                <td><span type="text" id="lh3mmm-m"></span></td>
                <td><span type="text" id="level4mmm"></span></td>
                <td>
                </td>
            </tr>

            <!--4代mff-->
            <tr>
                <td><span id="beizhu4mff"></span></td>
                <td><span type="text" id="longhao4mff"></span></td>
                <td><span type="text" id="ch4mff-f"></span></td>
                <td><span type="text" id="ch4mff-m"></span></td>
                <td><span type="text" id="lh3mff-f"></span></td>
                <td><span type="text" id="lh3mff-m"></span></td>
                <td><span type="text" id="level4mff"></span></td>
                <td>
                </td>
            </tr>
            <!--4代mfm-->
            <tr>
                <td><span id="beizhu4mfm"></span></td>
                <td><span type="text" id="longhao4mfm"></span></td>
                <td><span type="text" id="ch4mfm-f"></span></td>
                <td><span type="text" id="ch4mfm-m"></span></td>
                <td><span type="text" id="lh3mfm-f"></span></td>
                <td><span type="text" id="lh3mfm-m"></span></td>
                <td><span type="text" id="level4mfm"></span></td>
                <td>
                    <input type="hidden" class="lh3ffff">
                    <input type="hidden" class="lh3fffm">
                    <input type="hidden" class="lh3ffmf">
                    <input type="hidden" class="lh3ffmm">

                    <input type="hidden" class="lh3fmff">
                    <input type="hidden" class="lh3fmfm">
                    <input type="hidden" class="lh3fmmf">
                    <input type="hidden" class="lh3fmmm">

                    <input type="hidden" class="lh3mfff">
                    <input type="hidden" class="lh3mffm">
                    <input type="hidden" class="lh3mfmf">
                    <input type="hidden" class="lh3mfmm">
                    <!--13-->
                    <input type="hidden" class="lh3mmff">
                    <input type="hidden" class="lh3mmfm">
                    <input type="hidden" class="lh3mmmf">
                    <input type="hidden" class="lh3mmmm">
                </td>
            </tr>
        </table>
    </div>
    <div style="display: none">
        <table>
            <!--            三代-->
            <!--            1-->
            <tr>
                <td><span id="beizhu3ffff"></span></td>
                <td><span type="text" id="longhao3ffff"></span></td>
                <td><span type="text" id="ch3ffff-f"></span></td>
                <td><span type="text" id="ch3ffff-m"></span></td>
                <td><span type="text" id="lh2ffff-f"></span></td>
                <td><span type="text" id="lh2ffff-m"></span></td>
                <td><span type="text" id="level3ffff"></span></td>
                <td>
                </td>
            </tr>
            <!--            2-->
            <tr>
                <td><span id="beizhu3fffm"></span></td>
                <td><span type="text" id="longhao3fffm"></span></td>
                <td><span type="text" id="ch3fffm-f"></span></td>
                <td><span type="text" id="ch3fffm-m"></span></td>
                <td><span type="text" id="lh2fffm-f"></span></td>
                <td><span type="text" id="lh2fffm-m"></span></td>
                <td><span type="text" id="level3fffm"></span></td>
                <td>

                </td>
            </tr>
            <!--            3-->
            <tr>
                <td><span id="beizhu3ffmf"></span></td>
                <td><span type="text" id="longhao3ffmf"></span></td>
                <td><span type="text" id="ch3ffmf-f"></span></td>
                <td><span type="text" id="ch3ffmf-m"></span></td>
                <td><span type="text" id="lh2ffmf-f"></span></td>
                <td><span type="text" id="lh2ffmf-m"></span></td>
                <td><span type="text" id="level3ffmf"></span></td>
                <td>
                </td>
            </tr>
            <!--            4-->
            <tr>
                <td><span id="beizhu3ffmm"></span></td>
                <td><span type="text" id="longhao3ffmm"></span></td>
                <td><span type="text" id="ch3ffmm-f"></span></td>
                <td><span type="text" id="ch3ffmm-m"></span></td>
                <td><span type="text" id="lh2ffmm-f"></span></td>
                <td><span type="text" id="lh2ffmm-m"></span></td>
                <td><span type="text" id="level3ffmm"></span></td>
                <td>

                </td>
            </tr>
            <!--            5-->
            <tr>
                <td><span id="beizhu3fmff"></span></td>
                <td><span type="text" id="longhao3fmff"></span></td>
                <td><span type="text" id="ch3fmff-f"></span></td>
                <td><span type="text" id="ch3fmff-m"></span></td>
                <td><span type="text" id="lh2fmff-f"></span></td>
                <td><span type="text" id="lh2fmff-m"></span></td>
                <td><span type="text" id="level3fmff"></span></td>
                <td>
                </td>
            </tr>
            <!--            6-->
            <tr>
                <td><span id="beizhu3fmfm"></span></td>
                <td><span type="text" id="longhao3fmfm"></span></td>
                <td><span type="text" id="ch3fmfm-f"></span></td>
                <td><span type="text" id="ch3fmfm-m"></span></td>
                <td><span type="text" id="lh2fmfm-f"></span></td>
                <td><span type="text" id="lh2fmfm-m"></span></td>
                <td><span type="text" id="level3fmfm"></span></td>
                <td>

                </td>
            </tr>
            <!--            7-->
            <tr>
                <td><span id="beizhu3fmmf"></span></td>
                <td><span type="text" id="longhao3fmmf"></span></td>
                <td><span type="text" id="ch3fmmf-f"></span></td>
                <td><span type="text" id="ch3fmmf-m"></span></td>
                <td><span type="text" id="lh2fmmf-f"></span></td>
                <td><span type="text" id="lh2fmmf-m"></span></td>
                <td><span type="text" id="level3fmmf"></span></td>
                <td>
                </td>
            </tr>
            <!--            8-->
            <tr>
                <td><span id="beizhu3fmmm"></span></td>
                <td><span type="text" id="longhao3fmmm"></span></td>
                <td><span type="text" id="ch3fmmm-f"></span></td>
                <td><span type="text" id="ch3fmmm-m"></span></td>
                <td><span type="text" id="lh2fmmm-f"></span></td>
                <td><span type="text" id="lh2fmmm-m"></span></td>
                <td><span type="text" id="level3fmmm"></span></td>
                <td>

                </td>
            </tr>
            <!--            9-->
            <tr>
                <td><span id="beizhu3mfff"></span></td>
                <td><span type="text" id="longhao3mfff"></span></td>
                <td><span type="text" id="ch3mfff-f"></span></td>
                <td><span type="text" id="ch3mfff-m"></span></td>
                <td><span type="text" id="lh2mfff-f"></span></td>
                <td><span type="text" id="lh2mfff-m"></span></td>
                <td><span type="text" id="level3mfff"></span></td>
                <td>
                </td>
            </tr>
            <!--            10-->
            <tr>
                <td><span id="beizhu3mffm"></span></td>
                <td><span type="text" id="longhao3mffm"></span></td>
                <td><span type="text" id="ch3mffm-f"></span></td>
                <td><span type="text" id="ch3mffm-m"></span></td>
                <td><span type="text" id="lh2mffm-f"></span></td>
                <td><span type="text" id="lh2mffm-m"></span></td>
                <td><span type="text" id="level3mffm"></span></td>
                <td>
                </td>
            </tr>
            <!--            11-->
            <tr>
                <td><span id="beizhu3mfmf"></span></td>
                <td><span type="text" id="longhao3mfmf"></span></td>
                <td><span type="text" id="ch3mfmf-f"></span></td>
                <td><span type="text" id="ch3mfmf-m"></span></td>
                <td><span type="text" id="lh2mfmf-f"></span></td>
                <td><span type="text" id="lh2mfmf-m"></span></td>
                <td><span type="text" id="level3mfmf"></span></td>
                <td>
                </td>
            </tr>
            <!--            12-->
            <tr>
                <td><span id="beizhu3mfmm"></span></td>
                <td><span type="text" id="longhao3mfmm"></span></td>
                <td><span type="text" id="ch3mfmm-f"></span></td>
                <td><span type="text" id="ch3mfmm-m"></span></td>
                <td><span type="text" id="lh2mfmm-f"></span></td>
                <td><span type="text" id="lh2mfmm-m"></span></td>
                <td><span type="text" id="level3mfmm"></span></td>
                <td>
                </td>
            </tr>
            <!--            13-->
            <tr>
                <td><span id="beizhu3mmff"></span></td>
                <td><span type="text" id="longhao3mmff"></span></td>
                <td><span type="text" id="ch3mmff-f"></span></td>
                <td><span type="text" id="ch3mmff-m"></span></td>
                <td><span type="text" id="lh2mmff-f"></span></td>
                <td><span type="text" id="lh2mmff-m"></span></td>
                <td><span type="text" id="level3mmff"></span></td>
                <td>
                </td>
            </tr>
            <!--            14-->
            <tr>
                <td><span id="beizhu3mmfm"></span></td>
                <td><span type="text" id="longhao3mmfm"></span></td>
                <td><span type="text" id="ch3mmfm-f"></span></td>
                <td><span type="text" id="ch3mmfm-m"></span></td>
                <td><span type="text" id="lh2mmfm-f"></span></td>
                <td><span type="text" id="lh2mmfm-m"></span></td>
                <td><span type="text" id="level3mmfm"></span></td>
                <td>
                </td>
            </tr>
            <!--            15-->
            <tr>
                <td><span id="beizhu3mmmf"></span></td>
                <td><span type="text" id="longhao3mmmf"></span></td>
                <td><span type="text" id="ch3mmmf-f"></span></td>
                <td><span type="text" id="ch3mmmf-m"></span></td>
                <td><span type="text" id="lh2mmmf-f"></span></td>
                <td><span type="text" id="lh2mmmf-m"></span></td>
                <td><span type="text" id="level3mmmf"></span></td>
                <td>
                </td>
            </tr>
            <!--            16-->
            <tr>
                <td><span id="beizhu3mmmm"></span></td>
                <td><span type="text" id="longhao3mmmm"></span></td>
                <td><span type="text" id="ch3mmmm-f"></span></td>
                <td><span type="text" id="ch3mmmm-m"></span></td>
                <td><span type="text" id="lh2mmmm-f"></span></td>
                <td><span type="text" id="lh2mmmm-m"></span></td>
                <td><span type="text" id="level3mmmm"></span></td>
                <td>
                </td>
            </tr>
        </table>
    </div>


</div>

<div style="display: none">
    <button class="btn btn-danger" id="get3ffff" th:onclick="get3ffff()">ffff</button>
    <button class="btn btn-danger" id="get3fffm" th:onclick="get3fffm()">fffm</button>
    <button class="btn btn-danger" id="get3ffmf" th:onclick="get3ffmf()">ffmf</button>
    <button class="btn btn-danger" id="get3ffmm" th:onclick="get3ffmm()">ffmm</button>

    <button class="btn btn-danger" id="get3fmff" th:onclick="get3fmff()">fmff</button>
    <button class="btn btn-danger" id="get3fmfm" th:onclick="get3fmfm()">fmfm</button>
    <button class="btn btn-danger" id="get3fmmf" th:onclick="get3fmmf()">fmmf</button>
    <button class="btn btn-danger" id="get3fmmm" th:onclick="get3fmmm()">fmmm</button>

    <button class="btn btn-danger" id="get3mfff" th:onclick="get3mfff()">mfff</button>
    <button class="btn btn-danger" id="get3mffm" th:onclick="get3mffm()">mffm</button>
    <button class="btn btn-danger" id="get3mfmf" th:onclick="get3mfmf()">mfmf</button>
    <button class="btn btn-danger" id="get3mfmm" th:onclick="get3mfmm()">mfmm</button>

    <button class="btn btn-danger" id="get3mmff" th:onclick="get3mmff()">mmff</button>
    <button class="btn btn-danger" id="get3mmfm" th:onclick="get3mmfm()">mmfm</button>
    <button class="btn btn-danger" id="get3mmmf" th:onclick="get3mmmf()">mmmf</button>
    <button class="btn btn-danger" id="get3mmmm" th:onclick="get3mmmm()">mmmm</button>
</div>
<br>

<div style="text-align: center;margin-left: 50px;">
    <button class="btn btn-danger" id="gettreef" th:onclick="gettreef()">生成树-f</button>
    <button class="btn btn-danger" id="gettreem" th:onclick="gettreem()">生成树-m</button>
</div>

<br>
<div id="mTree" style="width: 650px;float: right">
    <div style="text-align: center;">
        <table border="1" cellspacing="" cellpadding="" style="margin-left: 300px;">
            <tr>
                <th>8代公翅号</th>

            </tr>
            <tr>
                <td><span id="t-ch7m"></span></td>
            </tr>
        </table>
    </div>

    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="text-align: center;margin-left: 240px;">
            <tr>
                <th>公</th>
                <th style="width: 110px;"></th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch6m-m"></span></td>
                <td></td>
                <td><span id="t-ch6f-m"></span></td>


            </tr>

        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 190px;">
            <tr>
                <th>公</th>
                <th>母</th>
                <th style="width: 100px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch5mm-m"></span></td>
                <td><span id="t-ch5mm-f"></span></td>
                <td style="width: 30px"></td>
                <td><span id="t-ch5mf-m"></span></td>
                <td><span id="t-ch5mf-f"></span></td>

            </tr>
        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 100px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch4mmm-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch4mmm-f"></span></td>
                <td style="width: 10px;"></td>
                <td style="background-color: #d93899"><span id="t-ch4mmf-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch4mmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch4mfm-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch4mfm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch4mff-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch4mff-f"></span></td>


            </tr>
        </table>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 30px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch3mmmm-m"></span></td>
                <td><span id="t-ch3mmmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mmmf-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mmmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch3mmfm-m"></span></td>
                <td style="background-color: #d93899"><span id="t-ch3mmfm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #38d993"><span id="t-ch3mmff-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch3mmff-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch3mfmm-m"></span></td>
                <td style="background-color: #8154d7"><span id="t-ch3mfmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d2ad29"><span id="t-ch3mfmf-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch3mfmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch3mffm-m"></span></td>
                <td style="background-color: #b428b2"><span id="t-ch3mffm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mfff-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mfff-f"></span></td>


            </tr>
        </table>
    </div>

</div>
<div id="fTree" style="width: 650px;float: left">
    <div style="text-align: center;">
        <table border="1" cellspacing="" cellpadding="" style="margin-left: 300px;">
            <tr>
                <th>8代母翅号</th>

            </tr>
            <tr>
                <td><span id="t-ch7f"></span></td>
            </tr>
        </table>
    </div>

    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="text-align: center;margin-left: 240px;">
            <tr>
                <th>公</th>
                <th style="width: 110px;"></th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch6m"></span></td>
                <td></td>
                <td><span id="t-ch6f"></span></td>


            </tr>

        </table>
    </div>
    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="margin-left: 190px;">
            <tr>
                <th>公</th>
                <th>母</th>
                <th style="width: 100px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch5fm-m"></span></td>
                <td><span id="t-ch5fm-f"></span></td>
                <td style="width: 30px"></td>

                <td><span id="t-ch5ff-m"></span></td>
                <td><span id="t-ch5ff-f"></span></td>
            </tr>
        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 100px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch4fmm-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch4fmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch4fmf-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch4fmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch4ffm-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch4ffm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch4fff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch4fff-f"></span></td>
            </tr>
        </table>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 30px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch3fmmm-m"></span></td>
                <td><span id="t-ch3fmmm-f"></span></td>
                <td style="width: 30px;"></td>

                <td style="background-color: #3fa8ee"><span id="t-ch3fmmf-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3fmmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch3fmfm-m"></span></td>
                <td style="background-color: #d93899"><span id="t-ch3fmfm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #38d993"><span id="t-ch3fmff-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch3fmff-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch3ffmm-m"></span></td>
                <td style="background-color: #8154d7"><span id="t-ch3ffmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d2ad29"><span id="t-ch3ffmf-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch3ffmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch3fffm-m"></span></td>
                <td style="background-color: #b428b2"><span id="t-ch3fffm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3ffff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3ffff-f"></span></td>
            </tr>
        </table>
    </div>
</div>

<br>
<br>


</body>
<!--<script src="./js/jQuery-3.4.1.js"></script>-->
<script type="text/javascript" th:src="@{/js/jQuery-3.4.1.js}"></script>
<!--<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>-->
<script type="text/javascript" th:src="@{/js/yfjx7.js}"></script>
<script type="text/javascript" th:src="@{/js/yfjx6.js}"></script>
<script type="text/javascript" th:src="@{/js/yfjx5.js}"></script>
<script type="text/javascript" th:src="@{/js/yfjx4.js}"></script>
<script type="text/javascript" th:src="@{/js/yfjx3.js}"></script>
<script>
    function gettreef() {
        // alert("aa")
        $("#fTree").attr("style", "display:block;");//显示div
        $("#t-ch7f").text($("#ch7f").text())
        $("#t-ch6f").text($("#ch6f").text())
        $("#t-ch6m").text($("#ch6m").text())

        $("#t-ch5ff-f").text($("#ch5ff-f").text())
        $("#t-ch5ff-m").text($("#ch5ff-m").text())
        $("#t-ch5fm-f").text($("#ch5fm-f").text())
        $("#t-ch5fm-m").text($("#ch5fm-m").text())

        $("#t-ch4fff-f").text($("#ch4fff-f").text())
        $("#t-ch4fff-m").text($("#ch4fff-m").text())
        $("#t-ch4ffm-f").text($("#ch4ffm-f").text())
        $("#t-ch4ffm-m").text($("#ch4ffm-m").text())
        $("#t-ch4fmf-f").text($("#ch4fmf-f").text())
        $("#t-ch4fmf-m").text($("#ch4fmf-m").text())

        $("#t-ch4fmm-f").text($("#ch4fmm-f").text())
        $("#t-ch4fmm-m").text($("#ch4fmm-m").text())

        $("#t-ch3ffff-f").text($("#ch3ffff-f").text())
        $("#t-ch3ffff-m").text($("#ch3ffff-m").text())

        $("#t-ch3fffm-f").text($("#ch3fffm-f").text())
        $("#t-ch3fffm-m").text($("#ch3fffm-m").text())

        $("#t-ch3ffmf-f").text($("#ch3ffmf-f").text())
        $("#t-ch3ffmf-m").text($("#ch3ffmf-m").text())
        $("#t-ch3ffmm-f").text($("#ch3ffmm-f").text())
        $("#t-ch3ffmm-m").text($("#ch3ffmm-m").text())

        $("#t-ch3fmff-f").text($("#ch3fmff-f").text())
        $("#t-ch3fmff-m").text($("#ch3fmff-m").text())
        $("#t-ch3fmfm-f").text($("#ch3fmfm-f").text())
        $("#t-ch3fmfm-m").text($("#ch3fmfm-m").text())

        $("#t-ch3fmmf-f").text($("#ch3fmmf-f").text())
        $("#t-ch3fmmf-m").text($("#ch3fmmf-m").text())
        $("#t-ch3fmmm-f").text($("#ch3fmmm-f").text())
        $("#t-ch3fmmm-m").text($("#ch3fmmm-m").text())
    }

    function gettreem() {
        $("#mTree").attr("style", "display:block;");//显示div
        // alert("aa")
        $("#t-ch7m").text($("#ch7m").text())
        $("#t-ch6f-m").text($("#ch6f-m").text())
        $("#t-ch6m-m").text($("#ch6m-m").text())

        $("#t-ch5mf-f").text($("#ch5mf-f").text())
        $("#t-ch5mf-m").text($("#ch5mf-m").text())
        $("#t-ch5mm-f").text($("#ch5mm-f").text())
        $("#t-ch5mm-m").text($("#ch5mm-m").text())

        $("#t-ch4mff-f").text($("#ch4mff-f").text())
        $("#t-ch4mff-m").text($("#ch4mff-m").text())
        $("#t-ch4mfm-f").text($("#ch4mfm-f").text())
        $("#t-ch4mfm-m").text($("#ch4mfm-m").text())
        $("#t-ch4mmf-f").text($("#ch4mmf-f").text())
        $("#t-ch4mmf-m").text($("#ch4mmf-m").text())

        $("#t-ch4mmm-f").text($("#ch4mmm-f").text())
        $("#t-ch4mmm-m").text($("#ch4mmm-m").text())

        $("#t-ch3mfff-f").text($("#ch3mfff-f").text())
        $("#t-ch3mfff-m").text($("#ch3mfff-m").text())

        $("#t-ch3mffm-f").text($("#ch3mffm-f").text())
        $("#t-ch3mffm-m").text($("#ch3mffm-m").text())

        $("#t-ch3mfmf-f").text($("#ch3mfmf-f").text())
        $("#t-ch3mfmf-m").text($("#ch3mfmf-m").text())
        $("#t-ch3mfmm-f").text($("#ch3mfmm-f").text())
        $("#t-ch3mfmm-m").text($("#ch3mfmm-m").text())

        $("#t-ch3mmff-f").text($("#ch3mmff-f").text())
        $("#t-ch3mmff-m").text($("#ch3mmff-m").text())
        $("#t-ch3mmfm-f").text($("#ch3mmfm-f").text())
        $("#t-ch3mmfm-m").text($("#ch3mmfm-m").text())

        $("#t-ch3mmmf-f").text($("#ch3mmmf-f").text())
        $("#t-ch3mmmf-m").text($("#ch3mmmf-m").text())
        $("#t-ch3mmmm-f").text($("#ch3mmmm-f").text())
        $("#t-ch3mmmm-m").text($("#ch3mmmm-m").text())
    }

</script>
</html>